<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>02-水平线</title>
</head>
<body>
    <!--
        # hr标签: 水平线(horizontal)

        # html标签的属性
            1). html的属性比较复杂, 不同标签的相同属性可能作用不同
                不同标签的属性可能都不一样
            2). html的属性用的少,会被css所替代

        # 以hr为例,常见的属性
            1. color : 颜色
               1). 第一种: 颜色单词
               2). 第二种: RGB写法 (更精准)
                  I. 光三原色: red green blue
                  II. 每个原色取值: 0-255 (16进制: 00-FF)
                  III. 语法:
                        完整 #ff0000
                        省略 #f00  (相邻两位一样,可以简写成一个)
            2. size : 大小,尺寸
                1). px : pixel 像素

            3). width : 宽度
                1). 第一种: 固定
                        300px
                2). 第二种: 百分比
                        50% 表示占满当前网页的比例
            4). align : 排列
                    left center right
                    左对齐  居中  右对齐
    -->
        <h1>悯农</h1>
        春种一粒粟,秋收万颗子.
        <hr>
        <hr color="olive" size="100px" width="300px" align="left">
        <hr color="#ff0000" size="50px" width="50%" align="center">
        <hr color="#ffff00" size="50px" width="300px" align="right">
        <hr color="#FF83FA">
        <hr color="#3CABEB">
        <hr color="#0f0">
        <h1>静夜思</h1>
        床前明月光,疑是地上霜.

<!--        <font size="7">字体</font>
    <hr size="30px" color="black">
        <span style="font-size: 100px">字体</span>-->



</body>
</html>